<template>
  <div class="help-page-index">
    <sys-header @logo-click="onLogoClick"></sys-header>
    <div class="doc-con-box">
      <iframe :src="`${publicPath}privacy-policy.html`" width="100%" height="100%" ref="privacyPolicy"></iframe>
    </div>
  </div>
</template>
<script>
import SysHeader from '@bcom/SysHeader.vue'

export default {
  name: 'privacyPolicy',
  components: { SysHeader },
  data() {
    return {
      publicPath: '',
    }
  },
  created() {
    this.publicPath = process.env.NODE_ENV === 'development' ? './' : ''
  },
  methods: {
    onLogoClick() {
      if (localStorage.pskh_userId) {
        this.$router.push({
          name: 'homePage',
        })
      } else {
        this.$router.push({
          name: 'LOGIN',
        })
      }
    },
  },
}
</script>
<style lang="scss" scoped>
.help-page-index {
  height: 100%;
  display: flex;
  flex-direction: column;
  .doc-con-box {
    flex: 1;
    position: relative;
  }
}
</style>
